/**
 * @Title: detail-top.js
 * @Description: detail-top
 * @author: Fanchao
 * @date: 2020/9/15 9:25 上午
 * @version V1.0
 */
import React from "react";
import styles from "@/pages/my-tasks/[id]/index.less";
import { Col, Row } from "antd";
import moment from "moment";

const DetailTop = ({taskStartTime, taskEndTime, evaluateObjectModel}) => {
    return (
        <div className={styles.detailUserInfo}>
            <Row>
                <Col span={6}>
                    <p className={styles.label}>教员名称</p>
                    <p className={styles.value}>{evaluateObjectModel.teacherRealName}</p>
                </Col>
                <Col span={18}>
                    <p className={styles.label}>课程</p>
                    <p className={styles.value}>{evaluateObjectModel.course}</p>
                </Col>
                <Col span={6}>
                    <p className={styles.label}>学年</p>
                    <p className={styles.value}>{evaluateObjectModel.schoolYear}</p>
                </Col>
                <Col span={6}>
                    <p className={styles.label}>学期</p>
                    <p className={styles.value}>{evaluateObjectModel.semester}</p>
                </Col>
                <Col span={6}>
                    <p className={styles.label}>开放时间</p>
                    <p className={styles.value}>{moment(taskStartTime).format("YYYY-MM-DD hh:mm:ss")} - {moment(taskEndTime).format("YYYY-MM-DD hh:mm:ss")}</p>
                </Col>
            </Row>
        </div>
    );
};

export default DetailTop;
